a {
    text-decoration: none;
    color: #37a;
}

li {
    list-style: none;
}

ul {
    margin: 0;
    padding: 0px;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: Helvetica, Arial, sans-serif;
}

p {
    margin: 5px 0px;
}

hr {
    padding: 0px;
    color: rgb(218, 218, 218);
}


/*导航栏*/

.box {
    margin: 0px;
}

.box0 {
    height: 28px;
    margin: 0px;
    padding: 0px;
    background-color: rgb(78, 78, 78);
}

.box0-1 {
    float: left;
}

.box0-2 {
    float: right;
}

.box0-1 a {
    color: aliceblue;
    font-size: 10px;
    margin: 0 10px;
}

.box0-2 a {
    color: aliceblue;
    font-size: 10px;
    margin: 0 10px;
}


/*第一块*/

.box1 {
    background-color: rgb(241, 237, 237);
    height: 70px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.box1-1 {
    float: left;
    margin-left: 360px;
    position: absolute;
    top: 35px;
}

.id1 {
    font-size: 30px;
    font-weight: bold;
    line-height: 50px;
    color: rgb(243, 111, 3);
    margin: 15px;
}

.box1-1-1 {
    overflow: hidden;
}

.box1 a {
    margin: 20px;
    color: black;
    text-decoration: none;
}

.box1-2 {
    position: absolute;
    left: 620px;
    top: 55px;
}

.box1 a:hover {
    background-color: #573705;
    color: rgb(247, 245, 245);
}

.box1 .loc {
    padding: 5px 10px 6px;
    background-color: #dedede;
    font-weight: bold;
}

.loc i {
    border-width: 7px 5px 0 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}

.box1-1 .down i {
    border-width: 0px 5px 7px 5px;
    border-color: transparent transparent black transparent;
}

.search {
    height: 30px;
    display: flex;
    position: absolute;
    right: 420px;
    top: 50px;
}

.search input {
    width: 210px;
    height: 27px;
    border: 1px solid #dedede;
    margin: 0px;
    padding: 0px;
}

.search img {
    width: 13px;
    height: 13px;
    position: relative;
    right: 20px;
    top: 8px;
}


/*选城市*/

.box1-1-1 {
    width: 300px;
    background-color: white;
    border: 1px solid #dedede;
    margin-left: 160px;
    padding: 20px 0px;
    display: none;
    position: absolute;
}

.box1-1-1 li {
    float: left;
}


/*第二块*/

.box2 {
    display: flex;
    flex-direction: row;
    width: 60%;
    height: 350px;
    margin: 0 auto;
    margin-top: 40px;
}


/*左边*/

.box2-1 hr {
    color: darkgrey;
}

.box2-1-1 {
    width: 120px;
    height: 210px;
    float: left;
    margin-right: 25px;
    margin-top: 20px;
}

.box2-1 img {
    width: 120px;
    height: 150px;
}

.box2-1-1 a:hover {
    background-color: rgb(57, 123, 173);
    color: rgb(255, 255, 255);
}


/*右边*/

.box2-2 {
    margin-left: 50px;
    margin-top: 30px;
}

.box2-2-1 {
    width: 150px;
    height: 30px;
    background-color: rgb(138, 101, 21);
    margin-top: 10px;
}

.box2-2 img {
    width: 320px;
    height: 270px;
}

.box2-2-1 a {
    font-size: 15px;
    color: aliceblue;
    line-height: 30px;
    margin: 0 25px;
    /*text-align: center;*/
    /*vertical-align: middle;*/
}


/*下面整个*/

.center {
    display: flex;
    flex-direction: row;
    width: 60%;
    margin: 0 auto;
}


/*整体左边*/

.left {
    display: flex;
    flex-direction: column;
    width: 65%;
    margin-right: 20px;
}


/*第三块，分类*/

.box3 {
    background-color: rgb(241, 237, 237);
    width: 100%;
    height: 170px;
}

.box3-1 {
    width: 20%;
    float: left;
}

.fl {
    float: left;
    margin: 5px;
}

.box3-1 ul {
    padding: 0px;
}

.box3 h4 {
    margin-bottom: 9px;
    display: inline-block;
}

.box3-1 h4 a {
    color: black;
}

.box3-1 h4 a:hover {
    background-color: #dedede;
}

.fl a:hover {
    background-color: rgb(57, 123, 173);
    color: rgb(255, 255, 255);
}


/*戏剧*/

.box4 {
    margin-top: 40px;
}

.box4-1 {
    width: 100%;
    height: 30px;
}

#xiju li {
    margin-right: 30px;
    padding: 0px;
}

#xiju {
    padding: 0px;
}

.box4-1-1 {
    float: left;
}

.box4-1-2 {
    float: right;
}

.box4-1-1 a {
    margin-right: 10px;
}

.box4-1-1 a:hover {
    background-color: rgb(57, 123, 173);
    color: rgb(255, 255, 255);
}

.box4-1-2 a:hover {
    background-color: rgb(57, 123, 173);
    color: rgb(255, 255, 255);
}


/*戏剧下半部分*/

.box4-2 img {
    width: 75px;
    height: 100px;
}

.box4-2-1 {
    width: 100%;
}

.box4-2-1-1 {
    width: 50%;
    float: left;
    margin: 10px 0px 50px 0px;
}

.box4-2-1-2 {
    width: 50%;
    float: right;
    margin: 10px 0px 50px 0px;
}

#right1 {
    float: right;
    margin-right: 40px;
}

#right2 {
    float: right;
    margin-right: 20px;
}

#right3 {
    float: right;
    margin-right: 55px;
}

.box4-2 a:hover {
    background-color: rgb(57, 123, 173);
    color: rgb(255, 255, 255);
}

.p1 {
    margin-top: 8px;
}

.box4-2-2 {
    width: 50%;
}


/*其他*/

#qita {
    height: 400px;
}

.p2 {
    text-align: center;
    color: rgb(87, 85, 85);
}


/*音乐tabs*/

#xiju span {
    margin-right: 20px;
}

.active {
    background-color: rgb(234, 236, 238);
}

.box {
    position: relative;
    height: 300px;
}

.div {
    width: 100%;
    height: 300px;
    position: absolute;
    display: none;
}

.div-show {
    display: block;
}


/*整体右边*/

.right {
    display: flex;
    flex-direction: column;
    width: 35%;
    margin-left: 50px;
    margin-top: 40px;
}


/*购票直通车*/

.box5-1 {
    width: 100%;
    height: 800px;
    overflow: hidden;
}

.box5-1 ul {
    width: 100%;
    height: 978px;
    animation: change 10s linear 0s infinite normal;
    /*动画元素，持续时间，速度，延迟时间，重复次数，是否往返*/
}

.box5-1 ul:hover {
    animation-play-state: paused;
}

.box5-1 ul li {
    width: 100%;
    height: 85px;
    box-sizing: border-box;
}

@keyframes change {
    from {
        margin-top: 0;
    }
    to {
        margin-top: -800px;
    }
}

.box5 img {
    width: 45px;
    height: 60px;
}

#money {
    color: rgb(248, 103, 46);
}

.box5-1-1-1 a:hover {
    background-color: rgb(57, 123, 173);
    color: rgb(255, 255, 255);
}

.box5-1-1 {
    margin: 20px 0px;
}

.box5-1-1-1 {
    float: right;
    margin-right: 100px;
}


/*西安活跃的主办方*/

.box6 {
    margin: 20px 0;
}

.box6 img {
    width: 50px;
    height: 50px;
}

#p3 a {
    color: rgb(87, 85, 85);
}

#p3 a:hover {
    background-color: rgb(87, 85, 85);
    color: white;
}

#p4 a {
    color: rgb(87, 85, 85);
}

#p4 a:hover {
    background-color: rgb(87, 85, 85);
    color: white;
}

#a3 {
    float: right;
}

#a3:hover {
    background-color: rgb(57, 123, 173);
    color: rgb(255, 255, 255);
}

.box5-1-1-1 a:hover {
    background-color: rgb(57, 123, 173);
    color: rgb(255, 255, 255);
}

#a1:hover {
    background-color: rgb(57, 123, 173);
    color: rgb(255, 255, 255);
}

#a2 a:hover {
    background-color: rgb(57, 123, 173);
    color: rgb(255, 255, 255);
}

#a2 {
    margin-bottom: 10px;
}

.box6-1-1 {
    margin: 20px 0px;
    width: 100%;
    height: 110px;
}

.box6-1-1-1 {
    float: right;
    margin-right: 30px;
}


/*发现更多*/

.box7-1 {
    width: 185px;
    height: 90px;
    border: 1px dotted black;
    text-align: center;
    padding-top: 20px;
    margin-top: 20px;
    float: left;
}

.box7-2 {
    width: 185px;
    height: 90px;
    border: 1px dotted black;
    text-align: center;
    padding-top: 20px;
    margin-top: 20px;
    float: left;
    border-left: 0;
}

.box7 a:hover {
    background-color: rgb(57, 123, 173);
    color: rgb(255, 255, 255);
}


/*广告*/

.box8 {
    margin: 40px 0;
    padding: 15px;
    background-color: rgb(241, 237, 237);
}

.box8 img {
    width: 100px;
    height: 80px;
    float: left;
}

.box8-1 {
    float: left;
    margin-left: 20px;
}


/*联系我们*/

.box9 a:hover {
    background-color: rgb(57, 123, 173);
    color: rgb(255, 255, 255);
}

.box9 img {
    width: 50px;
    height: 50px;
}

.box9-1 {
    float: left;
}

.box9-2 p {
    text-align: center;
}

.box9-2 {
    float: left;
    margin-left: 20px;
}

.box9-3 {
    margin-left: 40px;
    height: 85px;
    float: left;
    overflow: hidden;
}

.box9-3 p {
    text-align: center;
}

.box10 {
    margin-top: 45px;
}

.box10 a:hover {
    background-color: rgb(57, 123, 173);
    color: rgb(255, 255, 255);
}


/*二维码*/

.wechat {
    width: 30px;
    height: 30px;
}

.box9-3:hover {
    overflow: visible;
}


/*页眉*/

.box11 {
    width: 60%;
    margin: 0 auto;
}

.box11-1 {
    float: right;
}

.box11 span {
    color: rgb(117, 116, 116);
}

.box11 a:hover {
    background-color: rgb(57, 123, 173);
    color: rgb(255, 255, 255);
}